<template>
  <div>
    <!-- 把事件函数绑定在自定义事件上 -->
    <!-- <List @count="add" /> -->
    <List ref="now" />
    <p>{{ count }}</p>
  </div>
</template>

<script>
import List from "./components/List.vue";
export default {
  name: "App",
  components: { List },
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    add(count) {
      this.count = count;
    },
  },
  mounted() {
    // 第一个参数是添加的事件 获取的方式是一样的 这个的好处是可以在任何地方进行绑定
    this.$refs.now.$on("count", this.add);
  },
};
</script>

<style>
</style>